<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>北京恒和信科技发展有限公司</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- icon set -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/bootstrap.dropdown.unlimited.css" rel="stylesheet"
	media="screen">

<!-- Customized Css -->
<link href="css/common.css" rel="stylesheet" media="screen">
<link href="css/index.css" rel="stylesheet" media="screen">

<!-- Javascripts -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>

<script src="js/bootstrap_dropdown_plugin.js"></script>


<style type="text/css">
ul.nav li.dropdown:hover>ul.dropdown-menu {
	display: block;
}

</style>
</head>

<body>
	<div id="mainContainer">
		<div class="container">
			<div class="masthead">
				<div class="logoAndTextContainer">
					<img id="logo_pic" alt="logo" src="./img/index/logo.png" /> 
					<img id="logo_text" alt="恒和信" src="./img/index/logo_text.png" />
				</div>
				<div class="searchInputContainer">
					<form>
						<select id="searchTypeSelect">
							<option>新闻</option>
							<option>产品</option>
						</select> 
						<input class="textfield" type="text" name="search" /> 
						<input class="button " type="submit" name="submit" value="搜索">
					</form>
				</div>
			</div>
			<div class="navbar">
				<div class="navbar-inner">
					<div class="container">
						<ul class="nav">
							<li class="active"><a href="./index.html">首页</a></li>
							<li><a href="./newsList.html">公司动态</a></li>
							<li class="dropdown"><a href="./productList.html"
								class="dropdown-toggle" data-toggle="dropdown">产品介绍 <b
									class="caret"></b></a>

								<ul class="dropdown-menu">
									<li class="offset-right dropdown"><a href="#"
										class="dropdown-toggle">锅炉产品 ▶</a>

										<ul class="dropdown-menu">
											<li><a href="#">热水锅炉</a></li>
											<li><a href="#">蒸汽锅炉</a></li>
										</ul></li>
									<li class="offset-right dropdown"><a href="#"
										class="dropdown-toggle">博世、德地氏 ▶</a>

										<ul class="dropdown-menu">
											<li><a href="#">产品1</a></li>
											<li><a href="#">产品2</a></li>
										</ul></li>
									<li class="offset-right dropdown"><a href="#"
										class="dropdown-toggle">智能控制 ▶</a>

										<ul class="dropdown-menu">
											<li><a href="#">智能家居</a></li>
											<li><a href="#">信息化建设</a></li>
										</ul></li>
								</ul></li>
							<li><a href="./solutionShow.html">项目展示</a></li>
							<li><a href="./about.html">企业文化</a></li>
							<li><a href="./contactUs.html">联系我们</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- /.navbar -->
			<div id=flashContainer class="contentPanel">
				<div id="carouselContainer">
					<div id="myCarousel" class="carousel slide">
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img src="./img/index/carousel/carousel-1.jpg" alt="">
							</div>
							<div class="item">
								<img src="./img/index/carousel/carousel-2.jpg" alt="">
							</div>
							<div class="item">
								<img src="./img/index/carousel/carousel-3.jpg" alt="">
							</div>
						</div>
						<a class="left carousel-control" href="#myCarousel"
							data-slide="prev">‹</a> <a class="right carousel-control"
							href="#myCarousel" data-slide="next">›</a>
					</div>
				</div>
				<div id="sloganContainer">
					<div class="slogan">
						<img src="./img/index/slogan.jpg">
					</div>

					<div class="two-D-Code">
						<img src="./img/index/2-d-example.jpg" ></img>
					</div>

				</div>
			</div>

			<div id="bottomPanel" class="contentPanel">
				<div class="row-fluid">
					<div class="span4">
						<div class="btn-group width100">
							<button class="btn btn-info dropdown-toggle width100"
								data-toggle="dropdown">
								选择产品<span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li class="offset-right dropdown"><a href="#"
									class="dropdown-toggle">锅炉产品 ▶</a>

									<ul class="dropdown-menu">
										<li><a href="#">热水锅炉</a></li>
										<li><a href="#">蒸汽锅炉</a></li>
									</ul></li>
								<li class="offset-right dropdown"><a href="#"
									class="dropdown-toggle">博世、德地氏 ▶</a>

									<ul class="dropdown-menu">
										<li><a href="#">产品1</a></li>
										<li><a href="#">产品2</a></li>
									</ul></li>
								<li class="offset-right dropdown"><a href="#"
									class="dropdown-toggle">智能控制 ▶</a>

									<ul class="dropdown-menu">
										<li><a href="#">智能家居</a></li>
										<li><a href="#">信息化建设</a></li>
									</ul></li>
							</ul>
						</div>
						<div id="newsPanel">
							<h2 class="alternate">
								<span>公司动态</span>
							</h2>

							<ul>
								<li><a href="#"><span class="arrow"> </span><span
										class="linkText">博世热力技术有限公司扬帆起航，踏上增长业务之路 </span></a></li>
								<li><a href="#"><span class="arrow"> </span><span
										class="linkText">博世工业锅炉产品成功“入住”世界第二高楼 </span></a></li>
								<li><a href="#"><span class="arrow"> </span><span
										class="linkText">博世独立供暖热水系统进驻汽车维修直营店 </span></a></li>
								<li><a href="#"><span class="arrow"> </span><span
										class="linkText">博世热力技术有限公司扬帆起航，踏上增长业务之路 </span></a></li>
								<li><a href="#"><span class="arrow"> </span><span
										class="linkText">博世工业锅炉产品成功“入住”世界第二高楼 </span></a></li>
								<a class="viewMore" href="#">查看更多...</a>
							</ul>
						</div>
						<div id="links" class="btn-group  width100">
							<a class="btn dropdown-toggle " data-toggle="dropdown" href="#">
    							友情链接
    							<span class="caret"></span>
  							</a>
							<ul class="dropdown-menu">
								<li><a href="#">链接1</a></li>
								<li><a href="#">链接2</a></li>
								<li><a href="#">链接3</a></li>
								<li><a href="#">连接4</a></li>
							</ul>
						</div>
					</div>
					<div class="span8" id="detailProductContainer">
						<div class="row-fluid">
							<div class="span4">
								<img alt="" src="./img/index/BOCH.jpg" />

								<h5>博世家电</h5>

							</div>
							<div class="span4">
								<img alt="" src="./img/index/DeDietrich.jpg" />

								<h5>锅炉</h5>
								<p>家用热水系列，套换热水箱，可以及时获得舒适性极高的生活热水。</p>

							</div>
							<div class="span4">
								<img alt="" src="./img/index/DeDietrich2.jpg" />
								<h5>热水器</h5>
								<p>配置的超大面积羽翼式热交换器，充分保证了高效的换热效果， 效率高达106%。</p>

							</div>
						</div>
						<div class="row-fluid">
							<div class="span4">
								<img alt="" src="./img/index/smartHome.jpg" />
								<h5>智能家居</h5>
							</div>
							<div class="span4">
								<img alt="" src="./img/index/zhengqiguolu.jpg" />
								<h5>蒸汽锅炉</h5>
								<p>配置的超大面积羽翼式热交换器，充分保证了高效的换热效果， 效率高达106%。</p>
							</div>
							<div class="span4">
								<img alt="" src="./img/index/informationTechnology.jpg" />
								<h5>信息化建设</h5>
								<p>配置的超大面积羽翼式热交换器，充分保证了高效的换热效果， 效率高达106%。</p>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!-- /container -->

		<div class="footer">
			<div class="container">
				<div class="copyrightContainer">
					<p>&copy; 北京恒和信科技发展有限公司 2013 | 京ICP备11047011号</p>
				</div>
			</div>

		</div>
	</div>
</body>

</html>